<meta charset="UTF-8">
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1 style="text-align:center">
        	餐卡管理
      </h1>
    </section>
    <section class="content" style='position: relative;'> 
         <div class="panel-body" style="padding-bottom:0px;">
						<div class="row searchdiv">
								<div class="form-group col-lg-2 col-xs-6 space" style='display: inline-block;width: 180px;vertical-align: middle;'>
									<input class="form-control" type="text" placeholder="请输入卡号 " ng-model="cardInfor" ><!--value='vid200000000001'-->
								</div>
								<!--<div class="form-group col-lg-2 col-xs-6 space" style='display: inline-block;width: 180px;vertical-align: middle;'>
									<input class="form-control" type="text" placeholder="请输入姓名 " ng-model="myName" >
								</div>-->
								<div class="form-group col-lg-2 col-xs-6 space" style='display: inline-block;width: auto;vertical-align: middle;'>
									 <select class="form-control" ng-model="cardKindId" ng-options='type.cardKindId as type.kindName for type in cardTypes'>
			            </select>
								</div>
								<div class="form-group col-lg-2 col-xs-6 space" >
                    <button type="submit" class="btn btn-default" style='padding: 6px 12px;' ng-click='search()'>
                    	<i class="fa fa-search"> 查询</i>
                    </button>
                </div>
								<button style='margin-right: 7%;' class="btn pull-right" ng-click="download('cardManageTableExport','餐卡信息')"><i class="fa fa-cloud-download"></i>&nbsp;&nbsp;导出</button>
			      </div>
			   </div>
			<!--表格-->
			<div class="box" style='width: 94%;  display: inline-block;'>
            <!-- /.box-header -->
            <div class="box-body">
              <div  class="dataTables_wrapper form-inline dt-bootstrap"><div class="row"><div class="col-sm-6"></div><div class="col-sm-6"></div></div><div class="row"><div class="col-sm-12">
              	<table id='cardManageTable' style='width: 100%; position: relative;overflow: auto; display: block;background: #ffffff;height:440px' 
              		class="table table-bordered table-striped dataTable" role="grid" aria-describedby="example1_info"><!--min-height: 300px; max-height: 500px;-->
                <thead style='display: inline-table;width: 100%;'>
	                <tr role="row">
	                	<th  style="width: 12%;">卡号</th>
	                	<th  style="width: 8%;" >类型</th>
	                	<th  style="width: 10%;">姓名</th>
	                	<th  style="width: 12%;">手机号</th>
	                	<th  style="width: 12%;">发卡时间</th>
	                	<th  style="width: 9%;" >充值金额</th>
	                	<th  style="width: 9%;" >餐补金额</th>
	                	<th  style="width: 9%;" >透支金额</th>
	                	<!--<th  style="width: 9%;" >优惠金额</th>-->
	                	<th  style="width: 10%;">状态</th>
	                </tr>
                </thead>
                <!--ng-class="{even:!$even, odd:!$odd}"-->
              <tbody id='dataList' style='display: inline-table;width: 100%;' >
		                <tr ng-click="itemSelected($event,card.cardKindId)" style='position: relative;width: 100%;display: inline-table;' ng-class="{even:!$even, odd:!$odd}" ng-repeat="card in items">
			                  <td style="width: 12%;">{{card.cardNo}}</td>
			                  <td style="width: 8%;" >{{card.kindName}}</td> 
			                  <td style="width: 10%;">{{card.name}}</td>
			                  <td style="width: 12%;">{{card.mobile}}</td> 
			                  <td style="width: 12%;">{{card.joinTime}}</td> 
							  				<td style="width: 9%;" >{{card.userMoney}}</td>
							  				<td style="width: 9%;" >{{card.perMoney}}</td>
							  				<td style="width: 9%;" >{{card.deposit}}</td>
							  				<!--<td style="width: 9%;" >{{card.offMoney}}</td>-->
							  				<td style="width: 10%;">{{status[card.cardStatus]}}</td><!--{{card.cardStatus==12510?'激活':'挂失'}}-->
		                </tr>
                </tbody>
                <tfoot> 
                </tfoot>
              </table>
              
              <table id='cardManageTableExport' style='z-index:-100 ;width: 100%; position: fixed;overflow: scroll; display: block;background: #ffffff;height:440px'  
              		class="table table-bordered table-striped dataTable" role="grid" aria-describedby="example1_info"><!--min-height: 300px; max-height: 500px;-->
                <thead style='display: inline-table;width: 100%;'>
	                <tr role="row">
	                	<th  style="width: 12%;">卡号</th>
	                	<th  style="width: 8%;" >类型</th>
	                	<th  style="width: 10%;">姓名</th>
	                	<th  style="width: 12%;">手机号</th>
	                	<th  style="width: 12%;">发卡时间</th>
	                	<th  style="width: 9%;" >充值金额</th>
	                	<th  style="width: 9%;" >餐补金额</th>
	                	<th  style="width: 9%;" >透支金额</th>
	                	<th  style="width: 9%;" >优惠金额</th>
	                	<th  style="width: 10%;">状态</th>
	                </tr>
                </thead>
                <!--ng-class="{even:!$even, odd:!$odd}"-->
              <tbody id='dataList' style='display: inline-table;width: 100%;' >
		                <tr  style='position: relative;width: 100%;display: inline-table;' ng-class="{even:!$even, odd:!$odd}" ng-repeat="card in data">
			                  <td style="width: 12%;">{{card.cardKindId}}</td>
			                  <td style="width: 8%;" >{{card.kindName}}</td> 
			                  <td style="width: 10%;">{{card.name}}</td>
			                  <td style="width: 12%;">{{card.mobile}}</td> 
			                  <td style="width: 12%;">{{card.joinTime}}</td> 
							  				<td style="width: 9%;" >{{card.userMoney}}</td>
							  				<td style="width: 9%;" >{{card.perMoney}}</td>
							  				<td style="width: 9%;" >{{card.deposit}}</td>
							  				<td style="width: 9%;" >{{card.offMoney}}</td>
							  				<td style="width: 10%;">{{card.cardStatus}}</td>
		                </tr>
                </tbody>
                <tfoot> 
                </tfoot>
              </table>
              
              
              </div>
              </div>
              
	              <div class="row" style="margin-bottom:10px;">
	              	<div class="col-sm-3">
	              		<div class="dataTables_info" id="example1_info" role="status" aria-live="polite">总条目数：{{totalNums}}</div>
	              	</div>
	                <div class="col-sm-9">
	                	<div class="dataTables_paginate paging_simple_numbers row" id="example1_paginate">
	                		<label style="font-weight:normal;float:left;padding-right:15px;">每页显示数目 
	                			<select name="example1_length" aria-controls="example1" class="form-control input-sm" ng-change="change(initial)" ng-model="initial" > 
	                				<option value="10">10</option> 
	                				<option value="25">25</option>
	                				<option value="50">50</option>
	                				<option value="100">100</option>
	                			</select>
	                		</label>
	                		<ul class="pagination col-lg-7" style='cursor: pointer;'>
		                			<li class="paginate_button previous" id="example1_previous" >
		                				<a  ng-click="Previous()">上一页</a>
		                			</li>
		                			<li   ng-repeat="page in pageList" ng-class="{active: isActivePage(page)}"><!-- class=" paginate_button active" -->
		                				<a  ng-click="selectPage(page)">{{page}}</a>
		                			</li>
		                			<li class="paginate_button next" id="example1_next">
		                				<a  ng-click="Next()">下一页</a>
		                			</li>
	                		</ul>
	                	</div>
	                </div>
	              </div>
              </div>
            </div>
            <!-- /.box-body -->
      </div>
      <td>
	        <div class="btn-group-vertical" style='position: absolute;margin: 1%;width: 4%;'>
	          <button type="button" class="btn btn-info" ng-click="sendCard($event)">发卡</button>
	          <button type="button" class="btn btn-info" ng-click="recharge($event)">充值</button>
	          <button type="button" class="btn btn-info" ng-click="addAndReduce('reduce',$event)">核减</button>
	          <button type="button" class="btn btn-info" ng-click="addAndReduce('increase',$event)">核加</button>
	          <!--<button type="button" class="btn btn-info">餐补</button>-->
	          <button type="button" class="btn btn-info" ng-click="replaceCard($event)">补卡</button> 
	          <button type="button" class="btn btn-info" ng-click="checkIn($event)">挂失</button> 
	          <button type="button" class="btn btn-info" ng-click="checkOut($event)">激活</button> 
	          <button type="button" class="btn btn-info" ng-click="modifyOneCard($event)">修改</button> 
	          <button type="button" class="btn btn-info" ng-click="reflectOneCard($event)">提现</button> 
	          <button type="button" class="btn btn-info" ng-click="backCard($event)">退卡</button> 
	          <!--<button type="button" class="btn btn-info">导入</button>-->
	          <button type="button" class="btn btn-info" ng-click="goToOperationRecord($event)">记录</button><!--jump('/operationRecord')-->
	        </div>
      </td>
			<div>
			</div>
		</div>
 			<!-- <table id="tb_loginLog"></table> -->
 		</div>
	</section>
</div>
<!-- 单卡发卡modal --> 
	<div class="modal fade" id="sendOneCard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" style="text-align:center">发卡</h4>
      </div>
      <div class="modal-body form-horizontal">
        <div class="box-body" >
        	<form class="form-horizontal">
                <div class="box-body">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">餐卡卡号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="ctCardNo" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">餐卡类型</label>
                        <div class="col-sm-10">
                            <select class="form-control" ng-model="cardKindId" ng-change="cardKindChange()" ng-options='type.cardKindId as type.kindName for type in cardTypes'>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">用户姓名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="sendCardName" ><!--readonly-->
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">用户手机</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="sendCardPhone" ><!--readonly-->
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label class="col-sm-2 control-label">开卡交款</label>
                        <div class="col-sm-10">
                           <input type="number" class="form-control" ng-model="sendPayment" ng-change="Calculate()">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">支付方式</label>
                        <div class="col-sm-10">
                           <select class="form-control" ng-model="payWay" ng-options=' payWay.id as payWay.name for payWay in payWays'>
                           </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">押金</label>
                        <div class="col-sm-10">
                           <input type="text" class="form-control" readonly ng-model="deposit">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">工本费</label>
                        <div class="col-sm-10">
                           <input type="text" class="form-control" readonly ng-model="cardFee">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">卡内余额</label>
                        <div class="col-sm-10">
                           <input type="text" class="form-control" readonly ng-model="sendCardBalance">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">支付密码</label>
                        <div class="col-sm-10">
                           <input type="text" class="form-control" ng-model="paymentPassword">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">有效期至</label>
		                        <div class="date col-sm-10">
								                  <input type="text" class="form-control" id="datepicker" ng-model="validDate">
								            </div>
                   </div>
                </div>
                <!-- /.box-body -->
                
                </form>
	    </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default btn-lg pull-left" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-success btn-lg" ng-click="sendCard_true()">确定</button>
      </div>
    </div>
  </div>
</div>
<!-- 单卡充值modal -->
<div class="modal fade" id="reChargeOneCard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" style="text-align:center">充值</h4>
      </div>
      <div class="modal-body form-horizontal">
        <div class="box-body" >
        	<form class="form-horizontal">
                <div class="box-body">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">餐卡卡号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseCardNo" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">用户姓名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseName" readonly><!--readonly-->
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">用户手机</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseMobile" readonly><!--readonly-->
                        </div>
                    </div>
                     <div class="form-group">
                        <label class="col-sm-2 control-label">余额</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseUserMoney" readonly><!--readonly-->
                        </div>
                    </div>
                     <div class="form-group">
                        <label class="col-sm-2 control-label">餐补余额</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="choosePerMoney" readonly><!--readonly-->
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">充值金额</label>
                        <div class="col-sm-10">
                           <input type="text" class="form-control" ng-model="reChargeAmount">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">支付方式</label>
                        <div class="col-sm-10">
                          <select class="form-control" ng-model="payWay" ng-options=' payWay.id as payWay.name for payWay in payWays'>
                           </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">充值备注</label>
                        <div class="col-sm-10">
                            <textarea rows="5" class="form-control"  style="resize:none" ng-model="reCharge_remarks"></textarea>
                        </div>
                    </div>
                </div>
                </form>
	    </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default btn-lg pull-left" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-success btn-lg" ng-click="reCharge_true()">确定</button>
      </div>
    </div>
  </div>
</div>  
<!-- 单卡核减、核加modal -->
<div class="modal fade" id="addAndReduceOneCard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" style="text-align:center" id='addAndReduceTitle'></h4>
      </div>
      <div class="modal-body form-horizontal">
        <div class="box-body" >
        	<form class="form-horizontal">
                <div class="box-body">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">餐卡卡号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseCardNo" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">用户姓名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseName" readonly><!--readonly-->
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">用户手机</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseMobile" readonly><!--readonly-->
                        </div>
                    </div>
                     <div class="form-group">
                        <label class="col-sm-2 control-label">充值余额</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseUserMoney" readonly><!--readonly-->
                        </div>
                    </div>
                     <div class="form-group">
                        <label class="col-sm-2 control-label">餐补余额</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="choosePerMoney" readonly><!--readonly-->
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" id='addAndReduce_reduce' style='font-size: 12px;padding-left: 0px;'>余额核减金额</label>
                        <div class="col-sm-10">
                           <input type="number" class="form-control" ng-model="rechargeBalance">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" id='addAndReduce_add' style='font-size: 12px;padding-left: 0px;'>餐补核减金额</label>
                        <div class="col-sm-10">
                           <input type="number" class="form-control" ng-model="subsidyBalance">
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label class="col-sm-2 control-label">操作备注</label>
                        <div class="col-sm-10">
                            <textarea rows="5" class="form-control"  style="resize:none" ng-model="remark"></textarea>
                        </div>
                    </div>
                </div>
                </form>
	    </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default btn-lg pull-left" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-success btn-lg" ng-click="addAndReduce_true()">确定</button>
      </div>
    </div>
  </div>
</div>
<!-- 单卡退卡 -->
<div class="modal fade" id="backOneCard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" style="text-align:center" id='addAndReduceTitle'>退卡</h4>
      </div>
      <div class="modal-body form-horizontal">
        <div class="box-body" >
        	<form class="form-horizontal">
                <div class="box-body">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">餐卡卡号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="backcardNo" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">用户姓名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseName" readonly><!--readonly-->
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">用户手机</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseMobile" readonly>
                        </div>
                    </div>
                     <div class="form-group">
                        <label class="col-sm-2 control-label">余额</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseUserMoney" readonly>
                        </div>
                    </div>
                     <!--<div class="form-group">
                        <label class="col-sm-2 control-label">餐补余额</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="choosePerMoney" readonly>
                        </div>
                    </div>-->
                    <div class="form-group">
                        <label class="col-sm-2 control-label" id='addAndReduce_reduce' >退款本金</label>
                        <div class="col-sm-10">
                           <input type="text" class="form-control" ng-model="chargeMoney">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">押金</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="depositCost" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" id='refundDeposit' >退款押金</label>
                        <div class="col-sm-10">
                           <input type="text" class="form-control" ng-model="deposit">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">工本费</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="bookCost" readonly><!--readonly-->
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" id='addAndReduce_reduce' style='padding-left: 0px;'>退款工本费</label>
                        <div class="col-sm-10">
                           <input type="text" class="form-control" ng-model="cardFee">
                        </div>
                    </div>
                     <div class="form-group">
                        <label class="col-sm-2 control-label">退款方式</label>
                        <div class="col-sm-10">
                           <select class="form-control" ng-model="payWay" ng-options=' payWay.id as payWay.name for payWay in payWays'>
                           </select>
                        </div>
                    </div>
                      <div class="form-group">
                        <label class="col-sm-2 control-label">操作备注</label>
                        <div class="col-sm-10">
                            <textarea rows="5" class="form-control"  style="resize:none" ng-model='backRemark' ></textarea>
                        </div>
                    </div>
                </div>
                </form>
	    </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default btn-lg pull-left" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-success btn-lg" ng-click="backOneCard_true()">确定</button>
      </div>
    </div>
  </div>
</div> 
<!-- 单卡挂失modal  -->
  <div class="modal fade" id="checkIn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" style="text-align:center">提示</h4>
      </div>
      <div class="modal-body form-horizontal">
        <div class="box-body">
           	姓名：{{chooseName}}&nbsp;&nbsp;&nbsp;&nbsp;手机号：{{chooseMobile}}&nbsp;&nbsp;&nbsp;&nbsp;的用户确认挂失吗？
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default btn-lg pull-left" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-success btn-lg" ng-click=checkIn_true();>确定</button>
      </div>
    </div>
  </div>
</div>
<!-- 单卡解挂modal  -->
  <div class="modal fade" id="checkOut" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" style="text-align:center">提示</h4>
      </div>
      <div class="modal-body form-horizontal">
        <div class="box-body">
           	姓名：{{chooseName}}&nbsp;&nbsp;&nbsp;&nbsp;手机号：{{chooseMobile}}&nbsp;&nbsp;&nbsp;&nbsp;的用户确认激活吗？
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default btn-lg pull-left" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-success btn-lg" ng-click=checkOut_true();>确定</button>
      </div>
    </div>
  </div>
</div>
<!-- 单卡补卡modal -->
<div class="modal fade" id="replaceCard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" style="text-align:center" id='addAndReduceTitle'>补卡</h4>
      </div>
      <div class="modal-body form-horizontal">
        <div class="box-body" >
        	<form class="form-horizontal">
                <div class="box-body">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">原卡卡号</label> 
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseCardNo" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">新卡卡面卡号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="newCtCardNo" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">新卡芯片卡号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="newIdCardNo" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" style='font-size: 12px;padding-left: 0px;'>押金处理方式</label>
                        <div class="col-sm-10">
                           <select class="form-control" id='dealTypeId' ng-model='dealTypeId' ng-options='dt.id as dt.name for dt in dealTypes'></select>
                        </div>
                    </div>
                     <div class="form-group">
                        <label class="col-sm-2 control-label">工本费</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control"  ng-model='cardFee'>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">支付方式</label>
                        <div class="col-sm-10">
                           <select class="form-control" ng-model="payWay" ng-options=' payWay.id as payWay.name for payWay in payWays'>
                           </select>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label class="col-sm-2 control-label">补卡备注</label>
                        <div class="col-sm-10">
                            <textarea rows="5" class="form-control"  style="resize:none" ng-model='reissueRemark' ></textarea>
                        </div>
                    </div>
                    
                  
                    
                    
                </div>
                </form>
	    </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default btn-lg pull-left" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-success btn-lg" ng-click="replaceCard_true()">确定</button>
      </div>
    </div>
  </div>
</div> 
<!-- 单卡修改modal -->
<div class="modal fade" id="modifyOneCard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" style="text-align:center">修改</h4>
      </div>
      <div class="modal-body form-horizontal">
        <div class="box-body" >
        	<form class="form-horizontal">
                <div class="box-body">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">餐卡卡号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="modifyCardNo" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">用户姓名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseName" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">用户手机</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseMobile" >
                        </div>
                    </div>
                     <div class="form-group">
                        <label class="col-sm-2 control-label">原密码</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="updateCardoldPassword" >
                        </div>
                    </div>
                     <div class="form-group">
                        <label class="col-sm-2 control-label">新密码</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="updateCardNewPassword" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">有效期至</label>
		                        <div class="date col-sm-10">
								                  <input type="text" class="form-control" id="datepicker3" ng-model="updateCardDate">
								            </div>
                   </div>
                   
                </div>
                </form>
	    </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default btn-lg pull-left" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-success btn-lg" ng-click="modifyOneCard_true()">确定</button>
      </div>
    </div>
  </div>
</div>
<!-- 单卡提现modal -->
<div class="modal fade" id="reflectOneCard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" style="text-align:center">提现</h4>
      </div>
      <div class="modal-body form-horizontal">
        <div class="box-body" >
        	<form class="form-horizontal">
                <div class="box-body">
                	  <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label" style='font-size: 12px;padding-left: 0px;'>收银唯一流水</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="serialno" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">餐卡卡号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseCardNo" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">余额</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="chooseUserMoney" readonly>
                        </div>
                    </div>
                     <div class="form-group">
                        <label class="col-sm-2 control-label">提现金额</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" ng-model="money" >
                        </div>
                    </div>
                   
                   
                </div>
                </form>
	    </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default btn-lg pull-left" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-success btn-lg" ng-click="reflectOneCard_true()">确定</button>
      </div>
    </div>
  </div>
</div>

<style>
	.space{
		padding-left:2px;
		padding-right:2px;
	}
	.box{
		border-top:1px solid #d2d6de;
	}
	.pagination{
		margin:0;
	}
	.odd{background-color: #f9f9f9 !important;}
	.even{background-color: transparent !important;}
	.btn{    padding: 10px 12px;}
</style>
